<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!doctype html> 
<html lang="en">
	
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Chronikles - Register</title>
	<meta name="description" content="Chronikles portal">
	<meta name="author" content="Scott n Jim">

	<meta name="viewport" content="width=device-width">

	<link rel="stylesheet" href="../assets/css/bootstrap.min.css">
	<style>
		body {
			padding-top: 40px;
			padding-bottom: 10px;
		}
	</style>
	<link rel="stylesheet" href="../assets/css/bootstrap-responsive.min.css">
	<link rel="stylesheet" href="../assets/css/style.css">
	
</head>

		<div class="navbar navbar-fixed-top">
			<div class="navbar-inner">
				<div class="container">
					<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a>
					<a class="brand" href="index.jsp">Chronikles</a>
					<div class="nav-collapse">
						<ul class="nav">
							<li>
								<a href="index.jsp">Home</a>
							</li>
							<li class="active">
								<a href="register.jsp">Register</a>
							</li>
						</ul>
					</div><!--/.nav-collapse -->
				</div>
			</div>
		</div>
		
		

<body>
<%String registerMessage = (String)session.getAttribute("registermessage"); %>
	<div class="container">			
	<div class="row">
			<div class="span6">
		<header style="padding-top:15px;padding-bottom:0px;">
			<h1 style="padding-bottom:0px;">Register<small style="float:right;">Please fill out the details below to apply</small></h1>
		</header>	
		<hr style="padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:2px;">		
		<div class="alert alert-error"><%=registerMessage%></div>
			<form class="form-horizontal" method="post" action="../RegisterServlet">
	 			<fieldset>
	    			<div class="control-group">
	      				<label class="control-label" for="username" style="float:left;">Username:</label>
	      				<div class="controls">
		        			<input type="text" class="input-xlarge" name="username" style="float:right;">
	   					</div>
	   				</div>
	    			<div class="control-group">
	      				<label class="control-label" for="password" style="float:left;">Password:</label>
	      				<div class="controls">
		        			<input type="password" class="input-xlarge" name="password" style="float:right;">
	   					</div>
	   				</div>
	    			<div class="control-group">
	      				<label class="control-label" for="fname" style="float:left;">First Name:</label>
	      				<div class="controls">
		        			<input type="text" class="input-xlarge" name="fname" style="float:right;">
	   					</div>
	   				</div>
	    			<div class="control-group">
	      				<label class="control-label" for="lname" style="float:left;">Last Name:</label>
	      				<div class="controls">
		        			<input type="text" class="input-xlarge" name="lname" style="float:right;">
	   					</div>
	   				</div>
	    			<div class="control-group">
	      				<label class="control-label" for="email" style="float:left;">E-mail:</label>
	      				<div class="controls">
		        			<input type="text" class="input-xlarge" name="email" style="float:right;">
	   					</div>
	   				</div>
	   				<div class="form-actions"><button style="float:right;" type="submit" class="btn btn-primary">Register</button></div>
	  			</fieldset>
	 		 </form>
 		 </div>
 		 </div>
	</div>
	</body>
	
	<hr>

	<footer>
		<div style="text-align:center;">
			<p style="text-align:center;">&copy; Chronikles 2012</p>
		</div>
	</footer>
</html>